<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      #qwe {
        width: 976px;
        text-align: center;
      }

      td {
        height: 45px;
      }
    </style>
  </head>

  <body>
    <header style="text-align: center">
      <h1>HTML &lt;Day01&gt;</h1>
      <hr />
    </header>
    <div>
      <div>
        <h2>1 HTML 文档片段</h2>

        <h3>1.1 问题</h3>
        <p>创建如图-1所示的HTML页面</p>

        <h3>1.2方案</h3>
        <p>使用HTML完成效果</p>

        <h3>1.3实现</h3>
        <p>创建index.html, 完成操作</p>
      </div>
      <hr />
      <div id="qwe" style="background-color: rgb(120, 195, 65)">
        <table border="1px" style="width: 973px; height: auto" cellspacing="0">
          <caption>
            <h1>课程表</h1>
          </caption>
          <thead style="background-color: pink; height: 50px">
            <tr>
              <th colspan="3">姓名:</th>
              <th colspan="3">班级:</th>
            </tr>
          </thead>
          <tbody style="height: 30px; text-align: center">
            <tr style="height: 40px; background-color: rgb(101, 238, 226)">
              <td>星期</td>
              <td>一</td>
              <td>二</td>
              <td>三</td>
              <td>四</td>
              <td>五</td>
            </tr>
            <tr style="background-color: #fff">
              <td style="background-color: rgb(147, 84, 219)" rowspan="4">
                上午
              </td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style="height: 40px; background-color: #fff">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style="height: 40px; background-color: #fff">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style="height: 40px; background-color: #fff">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style="height: 50px; text-align: center">
              <td colspan="6">午 休</td>
            </tr>
            <tr style="height: 40px; background-color: #fff">
              <td
                style="height: 40px; background-color: rgb(240, 117, 209)"
                rowspan="3"
              >
                下午
              </td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>

            <tr style="height: 40px; background-color: #fff">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style="height: 40px; background-color: #fff">
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
      <hr />
      <div id="qwe" style="background-color: rgb(120, 195, 65)">
        <table id="qwe" border="1px" cellspacing="0">
          <tr>
            <td colspan="3">asaaaaas</td>
            <td colspan="3">asaaaaas</td>
          </tr>
          <tr style="background-color: rgb(88, 202, 236)">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td rowspan="4"></td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td colspan="6"></td>
          </tr>
          <tr style="background-color: rgb(253, 253, 253)">
            <td style="background-color: rgb(209, 51, 201)" rowspan="3"></td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
          <tr style="background-color: #fff">
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
            <td>asaaaaas</td>
          </tr>
        </table>
      </div>
    </div>
  </body>
</html>
